<template>
    <el-config-provider :locale="locale">
        <router-view></router-view>
    </el-config-provider>
</template>

<script lang="ts" setup>
    import { defineComponent } from 'vue'
    import { ElConfigProvider } from 'element-plus'
    import zhCn from 'element-plus/es/locale/lang/zh-cn'

    const locale = zhCn
</script>

<style lang="scss">
    #app {
        background-color: var(--el-bg-color-page, #fff);
    }
    .logo {
        height: 6em;
        padding: 1.5em;
        will-change: filter;
        transition: filter 300ms;
    }
    .logo:hover {
        filter: drop-shadow(0 0 2em #646cffaa);
    }
    .logo.vue:hover {
        filter: drop-shadow(0 0 2em #42b883aa);
    }
</style>
